@import './../../config/params.less';

.modal {
    .zhezhao {
        top: 0;
        position: fixed;
        width: 100%;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.6);
        z-index: 10;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

        .close {
            width: 100%;
            height: 90px;
            display: flex;
            justify-content: flex-end;

            .closeImg {
                width: 56px;
                height: 56px;
                margin-right: 56px;
                float: right;
            }
        }

        .infoBlock {
            width: 640px;
            display: flex;
            justify-content: center;
            background: white;
            flex-direction: column;
            border-radius: 10px;
            min-height: 444px;
            align-items: center;
            margin-bottom: 10%;

            .tiImg {
                width: 94px;
                height: 109px;
                margin-top: 30px;
            }

            .infoTitle {
                padding: 20px 60px 10px 60px;
                font-size: 32px;
                font-family: PingFangSC-Medium;
                font-weight: 500;
                color: rgba(51, 51, 51, 1);
                line-height: 47px;
                text-align: center;
            }

            .infoConSec {
                padding: 10px 80px 40px 80px;
                font-size: 32px;
                font-family: PingFangSC-Medium;
                font-weight: 500;
                color: rgba(51, 51, 51, 1);
                line-height: 47px;
            }

            .infoConOne {
                text-align: center;
                padding: 10px 80px 40px 80px;
                font-size: 26px;
                font-family: PingFangSC-Regular;
                font-weight: 400;
                color: rgba(102, 102, 102, 1);
                line-height: 43px;
            }

            .btnBlock {
                width: 100%;
                display: flex;
                margin-bottom: 30px;

                .item {
                    flex: 1;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 80px;

                    .btnMy {
                        height: 100%;
                        width: 260px;
                        border-radius: 40px;
                        font-size: 30px;
                        font-family: PingFang-SC-Medium;
                        font-weight: 500;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    .cancel {
                        background: rgba(242, 242, 242, 1);
                        color: rgba(51, 51, 51, 1);
                    }

                    .confirm {
                        color: rgba(51, 51, 51, 1);
                    }
                }
            }


        }
    }

    .btn {
        font-size: 32px;
        background: transparent;
        width: 100%;
        // border-top: 1px solid gray;
    }

    .button-hover {
        background: transparent;
    }

    .btn::after {
        background: transparent;
        border: none;
    }
}